<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1170px, initial-scale=0, user-scalable=no" />
    <title>{dede:global.cfg_webname/}</title>
    <meta name="description" content="{dede:global.cfg_description/}" />
    <meta name="keywords" content="{dede:global.cfg_keywords/}" />
    {dede:include filename="meta.htm"/}
    <script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/jquery.fancybox.css" media="screen" />
    <script type="text/javascript">
        $(document).ready(function(){
            //添加轮播图片事件
            var addCount = $("#fancyboxCount").val();
            if(addCount && addCount>0){
                for(var i=0; i<addCount; i++){
                    $('.fancybox_'+i).fancybox();
                }
            }
        })
    </script>
</head>
<body>
{dede:include filename="head.htm"/}
<div class="www51buycom" style="position: relative" >
    <ul class="51buypic" id="bannar_li">
        {dede:arclist row='3' titlelen='24' orderby='pubdate' typeid='25' idlist='' type='image'}
            <li>
                <a href="[field:arcurl /]" target="_blank" style="display: block; width: 100%; ">
                    <img class="bannar_img" src="http://yf.js-jewel.com/[field:picname /]" style="width: 100%">
                </a>
            </li>
        {/dede:arclist}

    </ul>
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>
    <div class="num">
        <ul></ul>
    </div>

</div>

<div style="padding: 100px 0; background: #f0f0f0">
    <div class="main" >
        {dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='31' idlist='' type='image.commend.'}

        <div class="product[field:global.autoindex runphp='yes']
        if(@me!==1){
        @me = 2;
        }
        [/field:global.autoindex] left">
            <div>
                <a href='[field:arcurl /]' target="_blank">
                    <img src='[field:picname /]' border='0' alt="[field:title/]" >

                </a>
                <p class="bg"></p>
                <p class="title">[field:textlink/]</p>
            </div>
        </div>
        {/dede:arclist}
        {dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='32' idlist='' type='image.commend.'}
        <div class="product2 left">
            <div>
                <a href='[field:arcurl /]' target="_blank">
                    <img src='[field:picname /]' border='0' alt="[field:title/]" >
                </a>
                <p class="bg"></p>
                <p class="title">[field:textlink/]</p>
            </div>
        </div>
        {/dede:arclist}
        {dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='33' idlist='' type='image.commend.'}
        <div class="product2 left">
            <div>
                <a href='[field:arcurl /]' target="_blank">
                    <img src='[field:picname /]' border='0' alt="[field:title/]" >
                </a>
                <p class="bg"></p>
                <p class="title">[field:textlink/]</p>
            </div>
        </div>

        {/dede:arclist}

    </div>
    <div style="clear: both"></div>
</div>
<div class="index_anli">
    <div class="main">
        <h1>案例展示</h1>
        <ul>
            {dede:arclist row='3' titlelen='24' orderby='pubdate' typeid='15' idlist='' type='image.'}
            <li>
                <p class="thumb"><img src='[field:picname /]' border='0' alt="[field:title/]"></p>
                <p class="des">[field:description/]</p>
            </li>
            {/dede:arclist}
        </ul>
        <div class="btn"><a href="chenggonganli/">查看更多+</a></div>
    </div>
</div>
<div class="index_zzry" style="display: none">
    <div class="main slideGroup">
        <h1>资质荣誉</h1>
        <input type="hidden" value="2" id="fancyboxCount"/>
        <div class="slideBox">
            <a class="sPrev" href="javascript:void(0)"></a>
            <ul>
                {dede:arclist row='3' titlelen='24' orderby='pubdate' typeid='17' idlist='' type='image.'}
                <li>
                    <a  class="fancybox_1" data-fancybox-group="gallery" title="[field:title /]" href="[field:picname /]">
                        <img src="[field:picname /]" alt="[field:title/]"/>
                    </a>
                </li>
                {/dede:arclist}
            </ul>
            <a class="sNext" href="javascript:void(0)"></a>
        </div><!-- slideBox End -->
    </div>
</div>
<div class="index_news" style="padding:0 0 100px 0">
    <div class="main">
        <h1>新闻中心</h1>
        <ul class="tab">
            <li class="on" onclick="settab(this,'tab1');" style="cursor: pointer">企业动态</li>
            <li onclick="settab(this,'tab2');" style="border-left: 1px #00a0e9 solid; border-right: 1px #00a0e9 solid;cursor: pointer">产品知识</li>
            <li onclick="settab(this,'tab3');" style="cursor: pointer">行业动态</li>
        </ul>
        <div style="margin-top: 45px;">
            <div id="tab1">
                <div class="left thumb">
                    {dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='9' idlist='' type='image.commend.'}
                    <a href="[field:arcurl/]"><img src='[field:picname /]' style="max-width: 100%" alt="[field:title/]"></a>
                    {/dede:arclist}
                </div>
                <ul class="list right">
                    {dede:arclist row='9' titlelen='100' orderby='pubdate' typeid='9' idlist=''}
                    <li><span class="left"><a href="[field:arcurl/]">[field:title /]</a></span><span class="right">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span></li>
                    {/dede:arclist}
                </ul>
            </div>
            <div id="tab2" style="display: none">
                <div class="left thumb">
                    {dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='10' idlist='' type='image.commend.'}
                    <a href="[field:arcurl/]"><img src='[field:picname /]' style="max-width: 100%" alt="[field:title/]"></a>
                    {/dede:arclist}
                </div>
                <ul class="list right">
                    {dede:arclist row='9' titlelen='100' orderby='pubdate' typeid='10' idlist=''}
                    <li><span class="left"><a href="[field:arcurl/]">[field:title /]</a></span><span class="right">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span></li>
                    {/dede:arclist}
                </ul>
            </div>
            <div id="tab3" style="display: none">
                <div class="left thumb">
                    {dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='11' idlist='' type='image.commend.'}
                    <a href="[field:arcurl/]"><img src='[field:picname /]' style="max-width: 100%" alt="[field:title/]"></a>
                    {/dede:arclist}
                </div>
                <ul class="list right">
                    {dede:arclist row='9' titlelen='100' orderby='pubdate' typeid='11' idlist=''}
                    <li><span class="left"><a href="[field:arcurl/]">[field:title /]</a></span><span class="right">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span></li>
                    {/dede:arclist}
                </ul>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div class="index_hzhb">
    <div class="main slideGroup">
        <h1>合作伙伴</h1>
        <div class="slideBox">
            <a class="sPrev" href="javascript:void(0)"></a>
            <ul>
                {dede:arclist titlelen='24' orderby='pubdate' typeid='22' idlist='' type='image.'}
                <li>
                    <img src='[field:picname /]' border='0' alt="[field:title/]">
                </li>
                {/dede:arclist}
            </ul>
            <a class="sNext" href="javascript:void(0)"></a>
        </div><!-- slideBox End -->
    </div>
</div>
{dede:include filename="footer.htm"/}
<div class="links">
    <div class="main">
        <div>
            {dede:flink row='24' type='text' titlelen="24" typeid="0"} [field:link /] {/dede:flink}
        </div>

    </div>

</div>
<script>
    $(function () {
        $(".index_zzry .slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
        $(".index_hzhb .slideGroup .slideBox").slide({ mainCell:"ul",vis:5,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
        var img=$(".bannar_img")[0];
        img.onload=function () {
            var h=$(this).height();
            console.log(h);
            $(".www51buycom").css({"height":h+"px"})
        }
        // img.one('load', function() {
        //         var h=$(this).height();
        //         console.log(h);
        //         //$(".www51buycom").css({"height":h+"px"})
        // })
        // $("#bannar_li li:eq(0)").find("img").onload(function () {
        //     var h=$(this).height();
        //     console.log(h);
        //     //$(".www51buycom").css({"height":h+"px"})
        // });
    });
    function settab(obj,str) {
        $(obj).addClass("on").siblings().removeClass("on");
        $("#"+str).show().siblings().hide();
    }
    $(".www51buycom").hover(function() {
        $(this).find(".prev,.next").fadeTo("show", 0.1);
    }, function() {
        $(this).find(".prev,.next").hide();
    })
    $(".prev,.next").hover(function() {
        $(this).fadeTo("show", 0.7);
    }, function() {
        $(this).fadeTo("show", 0.1);
    })
    $(".www51buycom").slide({
        titCell : ".num ul",
        mainCell : ".51buypic",
        effect : "fold",
        autoPlay : true,
        delayTime : 700,
        autoPage : true,
        interTime:6000
    });

</script>
</body>
</html>